<template>
    <div>
        <div id="header">
            <router-link to="/shezhi"><span class="iconfont icon-xuanxiang"></span></router-link>
            <div class="a">
                <span class="iconfont icon-sousuo"></span>
                <input type="text"  placeholder="近期热门“高燃”影视">
            </div>
            <router-link to="/xingxi"><span class="iconfont icon-youjian"></span></router-link>
        </div>
        <div id="nei">
            <div id="nei-0">
                <router-link to="/dongtai">动态</router-link>
                <router-link to="/tuijian">推荐</router-link>
            </div>
        </div>
        <router-view/>
    </div>
</template>
<script>

export default {
    
}
</script>
<style>

    #header{
        display: flex;
        width: 100%;
        height: .35rem;
        justify-content: space-evenly;
        align-items: center;
        position: fixed;
        top: 0;
        background-color: #ffffff;
        z-index: 10;
    }
    #header a{
        text-decoration: none;
    }
    #header a span{
        color: #00bb30;
        font-size: .24rem;
    }
    #header .a{
        width: 2.49rem;
        height: 100%;
        background-color: #eef4f0;
        border-radius: .06rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #header .a input{
        margin-left: .06rem;
        height: 84%;
        border: none;
        outline: none;
        background-color: #eef4f0;
    }
    #nei{
        width: 100%;
        height: .51rem;
        background-color: #ffffff;
        position: fixed;
        top: .35rem;
    }
    #nei-0{
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
        height: .49rem;
        display: flex;
        align-items: flex-end;
        border-bottom: .02rem solid #ebebeb;
        position: fixed;
        background-color: #ffffff;
    }
    #nei a{
        text-decoration: none;
        color: #676767;
        display: block;
        width: .35rem;
        height: .31rem;
        line-height: .31rem;
        text-align: center;
        float: left;
        margin-left: .04rem;
        margin-right: .5rem;
    }
    #nei a.router-link-exact-active{
        color: #000;
        font-weight: bold;
        border-bottom: .03rem solid #000;
    }
</style>